<template>
  <div>
    <headers :headers="headers"></headers>
    <ul class="section bgf2">
      <li class="visitor-item">
        <img src="@/assets/images/head.jpg" class="head">
        <div class="cont">
          <p class="name">张帅</p>
          <p class="desc clamp1 color-blue">如何拥有一双属于自己...</p>
          <p class="time clamp1">2019-04-21  08:02</p>
        </div>
        <div class="ago">5分钟</div>
        <div class="btn btn-bg-blue btn-h26">联系TA</div>
      </li>
      <li class="visitor-item">
        <img src="@/assets/images/head.jpg" class="head">
        <div class="cont">
          <p class="name">张帅</p>
          <p class="desc clamp1 color-blue">如何拥有一双属于自己...</p>
          <p class="time clamp1">2019-04-21  08:02</p>
        </div>
        <div class="ago">5分钟</div>
        <div class="btn btn-bg-blue btn-h26">联系TA</div>
      </li>
      <li class="visitor-item">
        <img src="@/assets/images/head.jpg" class="head">
        <div class="cont">
          <p class="name">张帅</p>
          <p class="desc clamp1 color-blue">如何拥有一双属于自己...</p>
          <p class="time clamp1">2019-04-21  08:02</p>
        </div>
        <div class="ago">5分钟</div>
        <div class="btn btn-bg-blue btn-h26">联系TA</div>
      </li>
      <li class="visitor-item">
        <img src="@/assets/images/head.jpg" class="head">
        <div class="cont">
          <p class="name">张帅</p>
          <p class="desc clamp1 color-blue">如何拥有一双属于自己...</p>
          <p class="time clamp1">2019-04-21  08:02</p>
        </div>
        <div class="ago">5分钟</div>
        <div class="btn btn-bg-blue btn-h26">联系TA</div>
      </li>
    </ul>
  </div>
</template>

<script>
import Headers from '@/components/Headers'

export default {
  name: 'Visitor',
  data () {
    return {
      headers: {
        left: require('@/assets/images/icon-close.png'),
        title: '当月访客列表'
      }
    }
  },
  components: {
    Headers
  }
}
</script>
